<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8" />  
    <title>表格练习</title>  
    <style type="text/css">  
        table {  
            border-collapse: collapse;  
            width: 60%;  
        }  
  
        table, th, td {  
            border: 1px solid blue;  
        }  
  
        th, td {  
            text-align: center;  
            vertical-align: middle;  
            padding: 8px;  
        }  
  
        caption {  
            text-align: left;  
            margin-bottom: 10px;  
        }  
  
        .bg {  
            width: 90px;  
            height: 70px;  
            font-weight: bold;  
            background-image: url('images/pp.jpg');  
            background-size: cover;  
            background-position: center;  
        }  
    </style>  
</head>  
<body>  
    <table>  
        <caption>这是表格的标题</caption>  
        <tr>  
            <td colspan="3">这个单元格跨列了</td>  
        </tr>  
        <tr>  
            <td rowspan="2" class="bg">这个单元格跨行了</td>  
            <td>【2,2】</td>  
            <td>【2,3】</td>  
        </tr>  
        <tr>  
            <td>【3,2】</td>  
            <td>【3,3】</td>  
        </tr>  
    </table>  
</body>  
</html>